<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/vue.js"></script>
    </head>
    <body>
        <div id="container">
              <input  type="checkbox" v-model="isAgree">同意注册协议<br>
              java语言的特征是什么？<br>
              A <input type="checkbox" value="A" v-model="feature" />封装<br>
              B <input type="checkbox" value="B" v-model="feature"/>继承<br>
              C <input type="checkbox" value="C" v-model="feature"/>接口<br>
              D <input type="checkbox" value="D" v-model="feature"/>多态<br>
              <br>
              你的答案是:{{feature.join(" ")}}
        </div>
        <script>
           var vm=new Vue({
               el:"#container",
               data:{
                   isAgree:false,
                   feature:[]
               }
           });
        </script>
    </body>
</html>
